.WidgetList {
  height: 100%;
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  @apply divide-y flex flex-col gap-8;
}

.WidgetListItem {

  .WidgetListItemContent {
    display: grid;
    row-gap: 32px;
    column-gap: 24px;
    grid-auto-flow: row dense;
    justify-content: center;
  }

  .WidgetListItemOption {
    padding: 10px 0;
    @apply flex justify-between;

    .iconBtn {
      .appNearBg();
      @apply h-8 w-8 rounded-md flex justify-center items-center cursor-pointer transition;

      &:active {
        .appNearBgLg();
      }
    }
  }
}